{% extends "base.html" %}
{% block title %}{{ user.name }} ({{ user.screen_name }}) {% endblock %}
{% block head %}
<link type="text/css" rel="stylesheet" media="screen" href="/stylesheets/main.css" />
{% endblock %}
{% block content %}
<div id="conWrapper">
    <div class="profile-user">
        <h2 class="screen-name largeFont">
            <img src="{{ user.profile_image_url }}" alt="{{ user.name }}" class="user-image">{{ user.name }}
        </h2>
        <div class="profile-controls user-actions" id="profileControls">
            {% if user.following %}<div class="following" id="followState">跟随中</div>{% endif %}
            <ul class="user-actions-menu">
                {% if not user.following %}
                <li class="follow-action" id="followAction">
                    <button title="跟随后，他的嘀咕将出现在你的首页" class="followBtn tipsy-s" type="button" style="margin-left: 15px;">跟随</button>
                </li>
                {% endif %}
                <li class="more-action" id="userMoreAction">
                    <button class="btn w4 more-actions-btn" type="button" id="moreActionsBtn">更多操作 <img src="http://images.digu.com/web_res_v1/images/arr_down.gif"></button>
                    <ul class="drop-menu">
                        <li class="unfollow" id="unfollowAction"><a onclick="delFollowerData('10022504',ufollowInUser);return false;" href="#">取消跟随</a></li>
                        <li class="blcok"><a href="/blackConfirm/zhugeliuyun">黑名单</a></li>
                        <!--  li class="disclose"><a href="举报">举报</a></li -->
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="list-wrapper">
        <ul class="lists lists-no-avatar clearfix" id="timeline">
            {% for item in item_list %}
            {% include "components/status.html" %}
            {% endfor %}
        </ul>
    </div>
    <div class="bottom-nav" id="timelineNav">
        <ul class="pagination pagination-nocalendar clearfix">
            <li class="more-action"><a href="#" class="more-btn more-enable" id="nextButton">更多</a></li>
            <li class="gototop"><a href="#" id="goToTop">回到顶部</a></li>
        </ul>
    </div>
</div>
<div id="side">
    <div class="userinfo clearfix">
        <ul class="aboutme">
            <li><strong>名字</strong> {{ user.name }}</li>
            {% if user.location %}<li><strong>所在地</strong> {{ user.location }}</li>{% endif %}
            {% if user.url %}<li><strong>网站</strong> <a href="{{ user.url }}" target="_blank">{{ user.url }}</a></li>{% endif %}
            {% if user.description %}<li><strong>个人简介</strong>
                <span id="signatrue1">{{ user.description }}</span>
            </li>{% endif %}
        </ul>
        <ul class="stats">
            <li id="following">
                <a href="/waitbest/follow">
                    <span class="stats_count numeric">{{ user.friends_count }}</span>他跟随的人</a>
            </li>
            <li id="followers">
                <a href="/waitbest/followers"><span class="stats_count numeric">{{ user.followers_count }}</span>跟随他的人</a>
            </li>
            <li id="updates">
                <a href="/waitbest"><span class="stats_count numeric" id="updateCounter">{{ user.statuses_count }}</span>推</a>
            </li>
        </ul>
    </div>
    {% include "components/search_box.html" %}
</div>
{% endblock %}